<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"content="width-device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <title>和风天气</title>
</head>
<body>
    <div id="container" class="w-screen h-screen"> </div>  
    <div class="w-460px h-[60px] flex">
        <div class="w-[100px] h-[24px] bg-[url('./static/icons.png')]"style="background-position: 0px 0px;">
        </div>
    </div>
   
    </body>
    <script src="https://map.qq.com/api/gljs?v=1.exp&key=H5NBZ-2MYWJ-CJNFC-DWLGB-OJNVV-SJFVR"></script>
    <script>
        //地图初始化函数，本例取名为init，开发者可根据实际情况定义
        function initMap() {
            //定义地图中心点坐标
            var center = new TMap.LatLng(39.984120, 116.307484)
            //定义map变量，调用 TMap.Map() 构造函数创建地图
            var map = new TMap.Map(document.getElementById('container'), {
                center: center,//设置地图中心点坐标
                zoom: 17.2,   //设置地图缩放级别
                pitch: 43.5,  //设置俯仰角
                rotation: 45    //设置地图旋转角度
            });
        }
        initMap();
    </script>
</html>
